<?xml version='1.0' encoding='UTF-8' ?>
<!--
    Document   : welcomeICEfaces
    Created on : 01/12/2011, 10:24:57 PM
    Author     : Veronica Ramirez, Victor Jaramillo
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:icecore="http://www.icefaces.org/icefaces/core"
                xmlns:ace="http://www.icefaces.org/icefaces/components"
                xmlns:ice="http://www.icesoft.com/icefaces/component"
                template="/PlantillaPrincipal.xhtml"
                >

    <ui:define name="contenido" id="TransFactura">
        <ice:panelGrid columns="1" id="pgTexto" border="1"   >
            <h:form id="formfiltroFecha">
                <ice:panelGroup id="coboTipoAsiento" >
                    <table border="0" >
                        <tr>
                            <td><ice:selectOneMenu 	partialSubmit="true"  style="width:120px" value="#{facturaTransController.proveedorAux.cxpCodigoPro}"   >
                                    <f:selectItem itemLabel="Todos" itemValue="-"/>
                                    <f:selectItems var="item" value="#{facturaTransController.listaProveedor}"  itemLabel="#{item.cxpNombrePro}" itemValue="#{item.cxpCodigoPro}" />
                                </ice:selectOneMenu>
                            </td>
                            <td>
                                Fecha Inicio
                            </td>
                            <td>
                                <ice:selectInputDate id="calendarioinicio" popupDateFormat="yyyy/MM/dd" value="#{facturaTransController.fecInicio}" renderAsPopup="true" style="width:180px" onkeydown="javascript:return false;">
                                    <f:convertDateTime type="date" timeZone="#{facturaTransController.generalTimeZone}"/>
                                </ice:selectInputDate>
                            </td>
                            <td>
                                Fecha Fin
                            </td>
                            <td>
                                <ice:selectInputDate id="calendariofin" popupDateFormat="yyyy/MM/dd" value="#{facturaTransController.fecFin}" renderAsPopup="true" style="width:180px" onkeydown="javascript:return false;" >
                                    <f:convertDateTime type="date" timeZone="#{facturaTransController.generalTimeZone}"/>
                                </ice:selectInputDate>
                            </td>
                        </tr>
                    </table>
                </ice:panelGroup>
            </h:form>
            
            <h:form id="formCabeceraTexto">
                <ice:panelGroup id="menuBarText0" menuPopup="menuPopupEffects" >
                    <table border="0">
                        <tr>
                            <td width="100%" colspan="8"> <h:panelGrid id="gridPanel1" style="background-color: #036fab; height: 10px;" width="100%"/> </td>
                        </tr>
                        <tr>
                            <td><ice:inputText value="#{facturaTransController.cabeceraFactura.cxpCodigoCabfac}" style="width:80px"   disabled="true"/></td>                            
                            <td><ice:inputText value="#{facturaTransController.cabeceraFactura.cxpNumeroCabfac}" style="width:85px" /></td>
                            <td><ice:inputText value="#{facturaTransController.cabeceraFactura.cxpAutorizacionCabFac}" style="width:80px" /></td>
                            <td><ice:inputText value="#{facturaTransController.cabeceraFactura.cxpSerieCabFac}" style="width:55px" /></td>
                            <td><ice:selectInputDate id="calendariovencimiento" popupDateFormat="yyyy/MM/dd" value="#{facturaTransController.cabeceraFactura.cxpFechaVencimientoCabfac}" renderAsPopup="true" style="width:180px"> 
                                    <f:convertDateTime type="date" timeZone="#{facturaTransController.generalTimeZone}"/> </ice:selectInputDate></td>
                            <td><ice:selectOneMenu      partialSubmit="true"  style="width:100px" value="#{facturaTransController.estadofacturaGroup.cxpCodigoEstFac}"  >
                                    <f:selectItem itemLabel="-" itemValue="-"/>
                                    <f:selectItems var="item" value="#{facturaTransController.listaEstadoFactura}"  itemLabel="#{item.cxpNombreEstFac}" itemValue="#{item.cxpCodigoEstFac}"/>
                                </ice:selectOneMenu>
                            </td>   
                            
                            <td><ice:selectOneMenu      partialSubmit="true"  style="width:120px" value="#{facturaTransController.proveedorGroup.cxpCodigoPro}"  >
                                    <f:selectItem itemLabel="-" itemValue="-"/>
                                    <f:selectItems var="item" value="#{facturaTransController.listaProveedor}"  itemLabel="#{item.cxpNombrePro}" itemValue="#{item.cxpCodigoPro}"/>
                                </ice:selectOneMenu>
                            </td>   
                                    
                            <td><ice:selectOneMenu      partialSubmit="true"  style="width:100px" value="#{facturaTransController.retencionGroup.cxpCodigoCabret}"  >
                                    <f:selectItem itemLabel="-" itemValue="-"/>
                                    <f:selectItems var="item" value="#{facturaTransController.listaCabeceraRetencion}"  itemLabel="#{item.cxpCodigoCabret}" itemValue="#{item.cxpCodigoCabret}"/>
                                </ice:selectOneMenu>
                            </td>  
                                    
                        </tr>    
                    </table>
                    <ice:menuPopup id="menuPopupEffects" >

                        <ice:menuItem id="pulsar1"
                                      value="Insertar" icon="/css/imagenes/insertar.png" actionListener="#{facturaTransController.insertar(actionEvent)}" 
                                      >
                            <f:param name="effectType" value="insertar"/>
                        </ice:menuItem>
                        <ice:menuItem id="pulsar2"
                                      value=" Modificar" icon="/css/imagenes/modificar.png" actionListener="#{facturaTransController.modificar(actionEvent)}"
                                      >
                            <f:param name="effectType" value="modificar"/>
                        </ice:menuItem>
                        <ice:menuItem id="pulsar3"
                                      value=" Eliminar" icon="/css/imagenes/eliminar.png" actionListener="#{facturaTransController.eliminar()}"
                                      >
                            <f:param name="effectType" value="eliminar"/>
                        </ice:menuItem>
                        <ice:menuItem id="pulsar4"
                                      value=" Nuevo" icon="/css/imagenes/nuevo.png" actionListener="#{facturaTransController.nuevo(actionEvent)}"
                                      >
                            <f:param name="effectType" value="nuevo"/>
                        </ice:menuItem>
                       <ice:menuItem id="pulsar5"
                                     value="Reporte" icon="/css/imagenes/buscar.png" actionListener="#{facturaTransController.reporte(actionEvent)}"
                                      >
                            <f:param name="effectType" value="reporte"/>
                        </ice:menuItem>
                    </ice:menuPopup>
                </ice:panelGroup>
            </h:form>
            
            
            <h:form id="formCabecera" >
                <ice:dataTable id="employeeList0" var="item" value="#{facturaTransController.listaCabecera}" columnClasses="tableCol" scrollable="true" scrollHeight="150px" >
                    <ice:column>
                        <ice:rowSelector id="selected" selectionListener="#{facturaTransController.rowSelectionListenerCabecera}" multiple="false" selectedClass="tableRowSelected" mouseOverClass="tableRowMouseOver" /> 
                        <f:facet name="header">                            
                            <ice:outputText id="column0" value="Codigo" style="width:80px"/>
                        </f:facet>
                        <ice:outputText id="COD_CAB"  value="#{item.cxpCodigoCabfac}"  style="width:80px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column1" value="N° Fac" style="width:85px"/>
                        </f:facet>
                        <ice:outputText id="NUM_CAB"  value="#{item.cxpNumeroCabfac}"  style="width:85px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column2" value="Autorización" style="width:80px"/>
                        </f:facet>
                        <ice:outputText id="Autorizacion"  value="#{item.cxpAutorizacionCabFac}"  style="width:80px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column3" value="Serie" style="width:55px"/>
                        </f:facet>
                        <ice:outputText id="Serie"  value="#{item.cxpSerieCabFac}"  style="width:55px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column4" value="Fecha Vencimiento" style="width:165px"/>
                        </f:facet>
                        <ice:outputText id="FEC_VEN"  value="#{item.cxpFechaVencimientoCabfac}"  style="width:165px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column5" value="Est. Factura" style="width:100px"/>
                        </f:facet>
                        <ice:outputText id="EST_FAC"  value="#{item.cxpCodigoEstFac.cxpNombreEstFac}"  style="width:100px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column6" value="Proveedor" style="width:120px"/>
                        </f:facet>
                        <ice:outputText id="PRO"  value="#{item.cxpCodigoPro.cxpNombrePro}"  style="width:120px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column7" value="Retención" style="width:100px"/>
                        </f:facet>
                        <ice:outputText id="CAB_RET"  value="#{item.cxpCodigoCabret.cxpCodigoCabret}"  style="width:100px"  />
                    </ice:column>
                </ice:dataTable>


            </h:form>

            <h:form id="formDetalleTexto">
                <ice:panelGroup id="menuBarText1" menuPopup="menuPopupEffects" >
                    <table border="0">
                        <tr>
                            <td width="100%" colspan="7"> <h:panelGrid id="gridPanel1" style="background-color: #036fab; height: 10px;" width="100%"/> </td>
                        </tr>
                        <tr>
                            <td><ice:inputText  value="#{facturaTransController.detalleFactura.cxpCodigoDetfac}" style="width:60px" disabled="true"  /></td>                            
                            <td><ice:inputText  value="#{facturaTransController.detalleFactura.cxpDescripcionDetfac}" style="width:400px"  /></td>                            
                            <td><ice:inputText  value="#{facturaTransController.detalleFactura.cxpCantidadDetfac}" style="width:70px"  /></td>                            
                            <td><ice:selectOneMenu      partialSubmit="true"  style="width:50px" value="#{facturaTransController.detalleFactura.cxpAplicaRetDetFact}"  >
                                    <f:selectItem itemLabel="NO" itemValue="NO"/>
                                    <f:selectItem itemLabel="SI" itemValue="SI"/>
                                </ice:selectOneMenu>
                            </td>  
                            <td><ice:selectOneMenu      partialSubmit="true"  style="width:180px" value="#{facturaTransController.retencionDetalleGroup.cxpCodigoRet}"  >
                                    <f:selectItem itemLabel="-" itemValue="-"/>
                                    <f:selectItems var="item" value="#{facturaTransController.listaRetencionDet}"  itemLabel="#{item.cxpCodigoRet} - #{item.cxpNombreRet}" itemValue="#{item.cxpCodigoRet}"/>
                                </ice:selectOneMenu>
                            </td>
                            <td><ice:selectOneMenu      partialSubmit="true"  style="width:50px" value="#{facturaTransController.detalleFactura.cxpAplicaIvaDetFac}"  >
                                    <f:selectItem itemLabel="NO" itemValue="NO"/>
                                    <f:selectItem itemLabel="SI" itemValue="SI"/>
                                </ice:selectOneMenu>
                            </td> 
                              </tr>    
                    </table>
                    <ice:menuPopup id="menuPopupEffects" >

                        <ice:menuItem id="pulsar1"
                                      value="Insertar" icon="/css/imagenes/insertar.png" actionListener="#{facturaTransController.insertarDetalle(actionEvent)}" 
                                      >
                            <f:param name="effectType" value="insertar"/>
                        </ice:menuItem>
                         <ice:menuItem id="pulsar2"
                                       value=" Modificar" icon="/css/imagenes/modificar.png" actionListener="#{facturaTransController.modificarDetalle(actionEvent)}"
                                      >
                            <f:param name="effectType" value="modificar"/>
                        </ice:menuItem>
                        
                        <ice:menuItem id="pulsar3"
                                      value=" Eliminar" icon="/css/imagenes/eliminar.png" actionListener="#{facturaTransController.eliminarDetalle()}"
                                      >
                            <f:param name="effectType" value="eliminar"/>
                        </ice:menuItem>
                        <ice:menuItem id="pulsar4"
                                      value=" Nuevo" icon="/css/imagenes/nuevo.png" actionListener="#{facturaTransController.nuevodetalle(actionEvent)}"
                                      >
                            <f:param name="effectType" value="nuevo"/>
                        </ice:menuItem>
                         <ice:menuItem id="pulsar5"
                                      value=" Guardar" icon="/css/imagenes/guardar.png" actionListener="#{facturaTransController.guardarDetalle(actionEvent)}"
                                      >
                            <f:param name="effectType" value="guardar"/>
                        </ice:menuItem>
                       
                    </ice:menuPopup>
                </ice:panelGroup>
            </h:form> 
            
            <h:form id="formdetalle">
                <ice:dataTable id="employeeList1" var="item" value="#{facturaTransController.listaDetalle}" columnClasses="tableCol" scrollable="true" scrollHeight="65px" >
                    <ice:column>
                        <ice:rowSelector id="selected" selectionListener="#{facturaTransController.rowSelectionListenerDetalle}" multiple="false" selectedClass="tableRowSelected" mouseOverClass="tableRowMouseOver" /> 
                        <f:facet name="header">                            
                            <ice:outputText id="column0" value="Codigo" style="width:60px" />
                        </f:facet>
                        <ice:outputText id="COD_DET"  value="#{item.cxpCodigoDetfac}"  style="width:60px"   />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column1" value="Descripcion" style="width:400px"/>
                        </f:facet>
                        <ice:outputText id="DES_DET"  value="#{item.cxpDescripcionDetfac}"  style="width:400px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column2" value="Cantidad" style="width:70px"/>
                        </f:facet>
                        <ice:outputText id="CAN_DET"  value="#{item.cxpCantidadDetfac}"  style="width:70px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column3" value="Aplica" style="width:50px"/>
                        </f:facet>
                        <ice:outputText id="APLICA_RET"  value="#{item.cxpAplicaRetDetFact}"  style="width:50px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column4" value="Retencion" style="width:180px"/>
                        </f:facet>
                        <ice:outputText id="COD_RET"  value="#{item.cxpCodigoRet.cxpNombreRet}"  style="width:150px"  />
                    </ice:column>
                    <ice:column>
                        <f:facet name="header">
                            <ice:outputText id="column5" value="Aplica IVA" style="width:50px"/>
                        </f:facet>
                        <ice:outputText id="APLICA_IVA"  value="#{item.cxpAplicaIvaDetFac}"  style="width:50px"  />
                    </ice:column>
                </ice:dataTable>
                <ice:dataTable id="tableTotalDetalle" var="item1" value="#{facturaTransController.listaTotalDetalle}" columnClasses="tableCol" scrollable="true" scrollHeight="68px" >
                    <ice:column>
                        <f:facet name ="header">
                            <ice:outputText id="column8" value ="" style ="text-align: right; width:750px"/>
                        </f:facet>
                        <ice:outputText id="IVAH" value ="#{item1.strIva}" style ="text-align: right; width:750px"/>
                        <ice:outputText id="IVA2H" value ="#{item1.strIva2}" style ="text-align: right; width:750px"/>
                        <ice:outputText id="TOTALH" value ="#{item1.strTotal}" style ="text-align: right; width:750px"/>
                    </ice:column>
                    <ice:column>
                         <f:facet name ="header">
                            <ice:outputText id="column9" value ="" style ="text-align: right; width:100px"/>
                        </f:facet>
                        <ice:outputText id="IVADET" value="#{item1.iva}" style ="text-align: right; width:100px">
                            <f:convertNumber type="currency" currencySymbol="$" minFractionDigits="2" maxFractionDigits="2"/>
                        </ice:outputText>
                        <ice:outputText id="IVA2DET" value="#{item1.iva2}" style ="text-align: right; width:100px">
                            <f:convertNumber type="currency" currencySymbol="$" minFractionDigits="2" maxFractionDigits="2"/>
                        </ice:outputText>
                        <ice:outputText id="TOTALDET" value="#{item1.total}" style ="text-align: right; width:100px">
                            <f:convertNumber type="currency" currencySymbol="$" minFractionDigits="2" maxFractionDigits="2"/>
                        </ice:outputText>
                    </ice:column> 
                </ice:dataTable>
            </h:form>   
            
        </ice:panelGrid>
        <!--Panel popup para los mensajes de error que se presente en  los errores-->

        <ice:form>
            <ice:panelPopup id="modalPnlPop" draggable="false" modal="true" visible="#{facturaTransController.panelvisible}" autoCentre="true" 
                            style="z-index: 1000; top: 20%; left: 10%; position: absolute; width: 300px; height: 150px;">
                <f:facet name="header">
                    <ice:panelGroup styleClass="popupHeaderWrapper">
                        <ice:outputText value="Informe"/>
                        <ice:commandButton id="modalPnlCloseBtn"
                                           value="x"
                                           actionListener="#{facturaTransController.llamarPanelvisible(event)}"
                                           title="Cerrar" alt="Cerrar"/>
                    </ice:panelGroup>
                </f:facet>
                <f:facet name="body">
                    <ice:panelGroup>
                        <ice:messages globalOnly="false" showSummary="true" showDetail="true"/><br/>

                    </ice:panelGroup>
                </f:facet>
            </ice:panelPopup>
        </ice:form>
    </ui:define>
</ui:composition>
